<template>
	<form @submit="$emit('_formIdSubmit',$event)" data-bind="myBtnClick" data-type="navigate" data-url="/pages/topic-list/topic-list" reportSubmit="true">
		<button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
			<navigator class="topic-bar" url="/pages/topic-list/topic-list">
				<view class="flex-row">
					<view class="flex-grow-0 flex-y-center" style="height:68upx" v-if="param.count==2">
						<image class="bar-icon" :src="param.logo_2"></image>
					</view>
					<view class="flex-grow-0 flex-y-center" v-if="param.count==1">
						<image class="bar-icon-1" :src="param.logo_1"></image>
					</view>
					<view class="flex-grow-1">
						<swiper autoplay="true" circular="false" displayMultipleItems="1" duration="500" interval="4000" style="height:100%;line-height:32upx"
						 vertical="true">
							<swiper-item v-for="item in param.topic_list" :key="item.id">
								<view class="flex-row" v-for="(i,v) in item" :key="v.id">
									<view class="flex-grow-0 flex-y-center">
										<image :src="param.heated" style="width:54upx;height:28upx;margin-right:10upx;"></image>
									</view>
									<view class="flex-grow-1 topic-title fs-sm}">{{v.title}}</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
			</navigator>
		</button>
	</form>
</template>

<script>var myVue = {};
	export default {
		props:['param'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
</style>
